<!--
 * @Author: jyq
 * @Date: 2022-07-04 09:53:30
 * @LastEditTime: 2022-07-04 09:53:31
 * @LastEditors: jyq
 * @Description: 
 * @FilePath: \dasantest2\day06\vue3-project\src\views\IndexView.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
<van-tabbar v-model="active">
  <van-tabbar-item icon="home-o" @click="router.push('/')" >主页</van-tabbar-item>
  <van-tabbar-item icon="apps-o" @click="router.push('/about')">分类</van-tabbar-item>
  <van-tabbar-item icon="cart-o" @click="router.push('/order')">购物车</van-tabbar-item>
  <van-tabbar-item icon="contact" @click="router.push('/my')">个人</van-tabbar-item>
</van-tabbar>
</template>

<script setup>
import {useRouter}  from "vue-router"
import { ref } from 'vue';
const router = useRouter();
 const active = ref(0);
</script>

